<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="nav">
    <ul>
        <li><a href="选择器.html\选择器1.html" target="_blank">选择器</a></li>
        <li><a href="盒子模型.html">盒子模型</a></li>
        <li><a href="格式化文本.html\天龙八部.html "target="_blank">天龙八部</a></li>
        <li><a href="格式化文本.html\文本3.html "target="_blank">文本3</a></li>
        <li><a href="格式化文本.html\文本一.html"target="_blank">文本一</a></li>
        <li><a href="背景\渐进图.html"target="_blank">渐进图</a></li>
        <li><a href="背景\精灵图2.html"target="_blank">精灵图</a></li>
        <li><a href="背景\五角星图.html"target="_blank">五角星图</a></li>
        <li><a href="奖状效果图.html\奖状图.html"target="_blank">奖状图</a></li>
        <li><a href="https://gitee.com/state2023/state.git"target="_blank">码云</a></li>
        
    </ul>
    </div>
    <style>
        #nav{
            width: 200px;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
            ;
        }
        #nav ul{
            list-style: none;
            margin: 0px;
            padding: 0px;
        }
        #nav li{
            border-bottom: 1px solid#ed9f9f;
        }
        #nav li a{
            display: block;
            padding: 5px 5px 5px 0.5em;
            text-decoration: none;
            border-left: 12px solid #711515;
            border-right: 1px solid #711515;
                  }
        #nav li a:link,#nav li a:visited{
            background-color: #c11136;
            color: #fff;
        }
        #nav li a:hover{
            background-color: #990020;
            color: #ff0;
        }
    </style>
</body>
</html>
